@charset "UTF-8";
/* 上 */
.content-top {
  overflow: hidden; }
  .content-top .red {
    color: #f00;
    font-size: 14px; }
  .content-top > div {
    width: 49%;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.1);
    font-size: 14px;
    text-align: center;
    color: #fff; }
    .content-top > div p {
      margin: 10px 0; }
    .content-top > div .icon-box {
      margin: 20px auto;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      color: #fff; }
      .content-top > div .icon-box > i {
        font-size: 60px; }
    .content-top > div .new-box {
      margin-top: 20px;
      border-top: 2px solid #333;
      line-height: 40px;
      overflow: hidden; }
      .content-top > div .new-box span {
        float: left;
        display: block;
        width: 49%; }
        .content-top > div .new-box span:nth-of-type(1) {
          border-right: 2px solid #333; }
    .content-top > div:nth-of-type(1) {
      float: left; }
    .content-top > div:nth-of-type(2) {
      float: right; }

/* 日期选择 */
.content-date {
  margin: 10px 0;
  font-size: 14px; }
  .content-date a {
    padding-right: 20px;
    color: #fff; }
    .content-date a:hover {
      color: #13D07E; }
    .content-date a.active {
      color: #13D07E; }
  .content-date input {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    width: 200px;
    height: 36px;
    line-height: 36px;
    padding: 0 10px; }

/* 事件报警次数 */
.num-list {
  overflow: hidden; }
  .num-list div {
    width: 25%;
    float: left;
    text-align: center;
    line-height: 2;
    color: #fff;
    font-size: 14px; }
  .num-list .purple {
    color: #A03BFF; }
  .num-list .green {
    color: #11C879; }
  .num-list .blue {
    color: #4BA0FF; }
  .num-list .orange {
    color: #FF7C1B; }

/* 图表 */
.chart-box {
  margin-top: 10px; }
